<template>
	<div>
		<sh-card title="基本用法" class="mb-3">
			<sh-date v-model="inputValue" />
		</sh-card>
		<sh-card title="范围选择" class="mb-3">
			<sh-date v-model="rangeDay" range />
		</sh-card>
		<sh-card title="范围选择月份" class="mb-3">
			<sh-date v-model="rangeMonth" range type="month" />
		</sh-card>
		<sh-card title="范围选择年份" class="mb-3">
			<sh-date v-model="rangeYear" range type="year" />
		</sh-card>
	</div>
</template>

<script>
export default {
	name: 'HighDate',
	data() {
		return {
			inputValue: '2023-10-08',
			rangeDay: ['2023-10-01', '2023-10-10'],
			rangeMonth: ['2023-1', '2023-10'],
			rangeYear: ['2021', '2023']
		}
	},
	methods: {}
}
</script>

<style scoped lang="scss"></style>
